<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en-US">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
		<link rel="shortcut icon" href="images/favicon.ico"/>
		<title>Umbra &#8211; Home | HTML Ecommerce Template</title>

		<link rel="stylesheet" href="${basePath }/css/bootstrap.min.css" type="text/css" media="all"/>
		<link rel="stylesheet" href="${basePath }/css/settings.css" type="text/css" media="all"/>
		<link rel="stylesheet" href="${basePath }/css/prettyPhoto.css" type="text/css" media="all" />
		<link rel="stylesheet" href="${basePath }/css/magnific-popup.css" type="text/css" media="all" />
		<link rel="stylesheet" href="${basePath }/css/font-awesome.min.css" type="text/css" media="all" />
		<link rel="stylesheet" href="${basePath }/css/elegantIcon.css" type="text/css" media="all"/>
		<link rel="stylesheet" href="${basePath }/css/owl.carousel.css" type="text/css" media="all" />
		<link rel="stylesheet" href="${basePath }/css/owl.theme.css" type="text/css" media="all" />
		<!--<link href="//fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
		<link href="//fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800" rel="stylesheet">-->
		<link rel="stylesheet" href="${basePath }/css/style.css" type="text/css" media="all"/>
		<link rel="stylesheet" href="${basePath }/css/custom.css" type="text/css" media="all"/>

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>
	<body>
		<div class="noo-spinner">
			<div class="sk-rotating-plane"></div>
		</div>
		<div class="site">
			<header class="noo-header fixed_top header-1">
				<div class="navbar-wrapper">
					<div class="navbar navbar-default">
						<div class="container-fluid">
							<div class="navbar-logo">
								<a href="./" class="custom-logo-link">
									<img src="${basePath }/images/logo.png" alt="Logo"/>
								</a>
								<button data-target=".nav-collapse" class="btn-navbar noo_icon_menu icon_menu"></button>
							</div>
							<nav class="noo-main-menu">
								<ul class="nav-collapse navbar-nav">
									<li class="menu-item-has-children">
										<a href="./index.jsp">Home</a>
										
									</li>
									<li class="menu-item-has-children">
										<a href="#">Blog</a>
										<ul class="sub-menu">
											<li><a href="${basePath }/blog/initBlog">Blog List</a></li>
											<li><a href="${basePath }/blog/initBlogMasnory">Blog Masonry</a></li>
											<li><a href="${basePath }/blog/initBlogGrid">Blog Grid</a></li>
											<li><a href="${basePath }/blog/initBlogAlternate">Blog Alternate</a></li>
											<li class="menu-item-has-children">
												<a href="#">Blog Zigzag <i class="fa fa-caret-right"></i></a>
												<ul class="sub-menu">
													<li><a href="blog-zigzag.html">Blog Zigzag</a></li>
													<li><a href="blog-zigzag-2.html">Blog Zigzag 2</a></li>
													<li><a href="blog-zigzag-3.html">Blog Zigzag 3</a></li>
												</ul>
											</li>
											<li><a href="blog-detail.html">Single post</a></li>
										</ul>
									</li>
									<li class="menu-item-has-children">
										<a href="#">Shop</a>
										<ul class="sub-menu">
											<li class="menu-item-has-children">
												<a href="#">Shop Grid <i class="fa fa-caret-right"></i></a>
												<ul class="sub-menu">
													<li><a href="shop.html">Style 1</a></li>
													<li><a href="shop-2.html">Style 2</a></li>
													<li><a href="shop-3.html">Style 3</a></li>
												</ul>
											</li>
											<li><a href="shop-list.html">Shop List</a></li>
											<li><a href="shop-detail.html">Shop Detail</a></li>
											<c:if test="${LoginUser!=null }">
												<li><a href="${basePath }/cart/getCart">Cart</a></li>
											</c:if>
											<c:if test="${LoginUser==null }">
												<li><a href="${basePath }/index/initLogin">Cart</a></li>
											</c:if>
											
											<li><a href="cart-empty.html">Empty Cart</a></li>
											<li><a href="my-account.html">My Account</a></li>
											<li><a href="wishlist.html">Wishlist</a></li>
										</ul>
									</li>
									<li class="menu-item-has-children">
										<a href="#">Pages</a>
										<ul class="sub-menu">
											<li><a href="faq.html">FAQ</a></li>
											<li><a href="about-us.html">About us</a></li>
											<li><a href="404.html">404 page</a></li>
										</ul>
									</li>
									<li><a href="contact-us.html">Contact</a></li>
								</ul>
							</nav>
							<div class="navbar-meta">
								<ul>
									
									<li><a class="noo-search icon_search" href="#"></a></li>
									<li>
										<a class="noo-wishlist icon_heart_alt" href="wishlist.html"></a>
									</li>
									<li class="noo-menu-item-cart minicart">
										<a class="cart-button" href="#">
											<span class="cart-item">
												<i class="icon_bag_alt"></i>
												<span class="cart-count">0</span>
												<span class="cart-name-and-total">
													Cart(0)
												</span>
											</span>
										</a>
										<div class="noo-minicart">
											<div class="minicart-header">Your shopping bag is empty.</div>
											<div class="minicart-footer">
												<div class="minicart-actions clearfix">
													<a class="button pull-left" href="shop.html">
														<span class="text">Go to the shop</span>
													</a>
												</div>
											</div>
										</div>
									</li>
									<li></li>
									<c:if test="${LoginUser==null }">
										<li><font size="4">&nbsp;&nbsp;<a href="${basePath }/index/initLogin">sign in/sign up</a></font></li>
									</c:if>
									<c:if test="${LoginUser!=null }">
										<li><font size="4">&nbsp;Welcome!&nbsp;${LoginUser.username }</font></li>
									
									</c:if>
									
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="search-header">
					<div class="remove-form"></div>
					<div class="container">
						<form class="form-horizontal noo-umbra-searchform">
							<label class="note-search">Type and Press Enter to Search</label>
							<input type="search" name="s" class="form-control" value="" placeholder="Enter keyword to search..."/>
							<button type="submit" class="noo-search-submit"><i class="icon_search"></i></button>
						</form>
					</div>
				</div>
			</header>
			<div id="main">
				<div class="section">
					<div class="container-fluid">
						<div class="row">
							<div class="col-sm-12 p-0">
								<div id="rev_slider" class="rev_slider fullwidthabanner">
									<ul>
										<li data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/slider/thumb_1.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide">
											<img src="${basePath }/images/slider/slider_1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" />

											<div class="tp-caption caption-1 tp-resizeme" data-x="center" data-hoffset="180" data-y="180" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="x:100px;opacity:0;s:1000;e:Back.easeOut;" data-transform_out="opacity:0;s:300;" data-start="700" data-splitin="none" data-splitout="none" data-responsive_offset="on">
												umbra design <br />modern furniture 
											</div>

											<div class="tp-caption caption-2 tp-resizeme" data-x="center" data-hoffset="60" data-y="320" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="x:-100px;opacity:0;s:1000;e:Back.easeOut;" data-transform_out="opacity:0;s:300;" data-start="700" data-splitin="none" data-splitout="none" data-responsive_offset="on">
												We Make Your Beautiful Home 
											</div>

											<div class="tp-caption caption-3 tp-resizeme" data-x="center" data-hoffset="25" data-y="360" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="y:50px;opacity:0;s:1000;e:Back.easeOut;" data-transform_out="opacity:0;s:300;" data-start="700" data-splitin="none" data-splitout="none" data-responsive_offset="on">
												$125.00 - $750.00 
											</div>
										</li>
										<li data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/slider/thumb_2.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide">
											<img src="${basePath }/images/slider/slider_2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" />

											<div class="tp-caption caption-1 tp-resizeme" data-x="right" data-hoffset="15" data-y="center" data-voffset="-150" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="x:100px;opacity:0;s:1000;e:Back.easeOut;" data-transform_out="opacity:0;s:300;" data-start="700" data-splitin="none" data-splitout="none" data-responsive_offset="on">
												decorating rule: <br />live with what you love 
											</div>

											<div class="tp-caption caption-2 tp-resizeme" data-x="center" data-hoffset="177" data-y="center" data-voffset="-50" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="x:-100px;opacity:0;s:1000;e:Back.easeOut;" data-transform_out="opacity:0;s:300;" data-start="700" data-splitin="none" data-splitout="none" data-responsive_offset="on">
												Home Is Where Your Story Begins 
											</div>
										</li>
										<li data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/slider/thumb_3.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide">
											<img src="${basePath }/images/slider/slider_3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" />

											<div class="tp-caption caption-1 tp-resizeme text-center" data-x="center" data-hoffset="" data-y="center" data-voffset="-137" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="y:50px;opacity:0;s:1000;e:Back.easeOut;" data-transform_out="opacity:0;s:300;" data-start="700" data-splitin="none" data-splitout="none" data-responsive_offset="on">
												your home <br />should tell your story 
											</div>

											<div class="tp-caption caption-2 tp-resizeme" data-x="center" data-hoffset="" data-y="center" data-voffset="-38" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="y:50px;opacity:0;s:1000;e:Back.easeOut;" data-transform_out="opacity:0;s:300;" data-start="900" data-splitin="none" data-splitout="none" data-responsive_offset="on">
												What We Live With Says Something About Us 
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section">
					<div class="container-fluid">
						<div class="row">
							<div class="col-sm-12 p-0">
								<div class="noo-banner-wrap">
									<div class="banner-item banner-1 vertical">
										<a href="#">
											<img src="${basePath }/images/banner/banner_1.jpg" alt="" /> 
										</a>
										<div class="banner-content">
											<div>
												<h3>outdoor Furniture sydney</h3>
												<a href="#">
													View detail <i class="arrow_right"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="banner-item default">
										<a href="#">
											<img src="${basePath }/images/banner/banner_2.jpg" alt="" /> 
										</a>
									</div>
									<div class="banner-item banner-2 horizontal">
										<a href="#">
											<img src="${basePath }/images/banner/banner_3.jpg" alt="" /> 
										</a>
										<div class="banner-content">
											<div>
												<h3>design by Umbra modern 2015</h3>
												<a href="#">
													View detail <i class="arrow_right"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="banner-item banner-3 horizontal">
										<a href="#">
											<img src="${basePath }/images/banner/banner_4.jpg" alt="" /> 
										</a>
										<div class="banner-content">
											<div>
												<h3>Ceramics Josh Herman</h3>
												<a href="#">
													View detail <i class="arrow_right"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="banner-item default">
										<a href="#">
											<img src="${basePath }/images/banner/banner_5.jpg" alt="" /> 
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section pt-10 pb-10">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="noo-section-title">
									<h3><span>Top products</span></h3>
									<p>The Best of 2016</p>
								</div>
								<div class="noo-product-grid">
									<div class="noo-product-item col-md-4 col-sm-6">
										<div class="noo-product-inner">
											<h3><a href="shop-detail.html">Modern Red Chair</a></h3>
											<span class="posted_in"><a href="#">Decor</a></span>
											<span class="onsale">Sale!</span>
											<div class="noo-product-thumbnail">
												<div class="noo-product-meta">
													<div class="compare-button">
														<a href="#">Compare</a>
													</div>
													<div class="wishlist-button">
														<a href="#">Wishlist</a>
													</div>
													<div class="noo-quick-view">
														<a href="ajax/product-quickview.html"></a>
													</div>
												</div>
												<div class="noo-product-slider">
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_1.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_1b.jpg" alt="" /> 
													</a>
												</div>
											</div>
											<div class="price">
												<del>&#36;270.00</del> 
												<ins>&#36;239.00</ins>
											</div>
											<div class="noo-loop-cart">
												<a href="#" class="button add-to-cart"></a>
											</div>
										</div>
									</div>
									<div class="noo-product-item col-md-4 col-sm-6">
										<div class="noo-product-inner">
											<h3><a href="shop-detail.html">The Signature Chair</a></h3>
											<span class="posted_in"><a href="#">Armchair</a></span>
											<div class="noo-product-thumbnail">
												<div class="noo-product-meta">
													<div class="compare-button">
														<a href="#">Compare</a>
													</div>
													<div class="wishlist-button">
														<a href="#">Wishlist</a>
													</div>
													<div class="noo-quick-view">
														<a href="ajax/product-quickview.html"></a>
													</div>
												</div>
												<div class="noo-product-slider">
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_2.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_2b.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_2c.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_2d.jpg" alt="" /> 
													</a>
												</div>
											</div>
											<div class="price">
												&#36;220.00
											</div>
											<div class="noo-loop-cart">
												<a href="#" class="button add-to-cart"></a>
											</div>
										</div>
									</div>
									<div class="noo-product-item col-md-4 col-sm-6">
										<div class="noo-product-inner">
											<h3><a href="shop-detail.html">Egg Chair</a></h3>
											<span class="posted_in"><a href="#">Decor</a></span>
											<div class="noo-product-thumbnail">
												<div class="noo-product-meta">
													<div class="compare-button">
														<a href="#">Compare</a>
													</div>
													<div class="wishlist-button">
														<a href="#">Wishlist</a>
													</div>
													<div class="noo-quick-view">
														<a href="ajax/product-quickview.html"></a>
													</div>
												</div>
												<div class="noo-product-slider">
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_3.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_3b.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_3c.jpg" alt="" /> 
													</a>
												</div>
											</div>
											<div class="price">
												&#36;333.00
											</div>
											<div class="noo-loop-cart">
												<a href="#" class="button add-to-cart"></a>
											</div>
										</div>
									</div>
									<div class="noo-product-item col-md-4 col-sm-6">
										<div class="noo-product-inner">
											<h3><a href="shop-detail.html">Hansen Ro Chair</a></h3>
											<span class="posted_in"><a href="#">Armchair</a></span>
											<div class="noo-product-thumbnail">
												<div class="noo-product-meta">
													<div class="compare-button">
														<a href="#">Compare</a>
													</div>
													<div class="wishlist-button">
														<a href="#">Wishlist</a>
													</div>
													<div class="noo-quick-view">
														<a href="ajax/product-quickview.html"></a>
													</div>
												</div>
												<div class="noo-product-slider">
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_4.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_4b.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_4c.jpg" alt="" /> 
													</a>
												</div>
											</div>
											<div class="price">
												&#36;327.00
											</div>
											<div class="noo-loop-cart">
												<a href="#" class="button add-to-cart"></a>
											</div>
										</div>
									</div>
									<div class="noo-product-item col-md-4 col-sm-6">
										<div class="noo-product-inner">
											<h3><a href="shop-detail.html">Flamingo Chair</a></h3>
											<span class="posted_in"><a href="#">Armchair</a></span>
											<span class="onsale">Sale!</span>
											<div class="noo-product-thumbnail">
												<div class="noo-product-meta">
													<div class="compare-button">
														<a href="#">Compare</a>
													</div>
													<div class="wishlist-button">
														<a href="#">Wishlist</a>
													</div>
													<div class="noo-quick-view">
														<a href="ajax/product-quickview.html"></a>
													</div>
												</div>
												<div class="noo-product-slider">
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_5.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_5b.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_5c.jpg" alt="" /> 
													</a>
												</div>
											</div>
											<div class="price">
												<del>&#36;211.00</del> 
												<ins>&#36;199.00</ins>
											</div>
											<div class="noo-loop-cart">
												<a href="#" class="button add-to-cart"></a>
											</div>
										</div>
									</div>
									<div class="noo-product-item col-md-4 col-sm-6">
										<div class="noo-product-inner">
											<h3><a href="shop-detail.html">Cuba Chair</a></h3>
											<span class="posted_in"><a href="#">Chairs</a></span>
											<div class="noo-product-thumbnail">
												<div class="noo-product-meta">
													<div class="compare-button">
														<a href="#">Compare</a>
													</div>
													<div class="wishlist-button">
														<a href="#">Wishlist</a>
													</div>
													<div class="noo-quick-view">
														<a href="ajax/product-quickview.html"></a>
													</div>
												</div>
												<div class="noo-product-slider">
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_6.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_6b.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_6c.jpg" alt="" /> 
													</a>
													<a href="shop-detail.html">
														<img src="${basePath }/images/product/product_6d.jpg" alt="" /> 
													</a>
												</div>
											</div>
											<div class="price">
												&#36;434.00
											</div>
											<div class="noo-loop-cart">
												<a href="#" class="button add-to-cart"></a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section">
					<div class="container-fluid">
						<div class="row">
							<div class="col-md-6 col-sm-12 p-0">
								<div class="noo_countdown">
									<div class="noo_countdown_content">
										<h2>hot deals this week</h2>
										<p>
											On the other hand, we denounce with righteous indignation and dislike <br/>
											men who are so beguiled and demoralized
										</p>
										<div class="clock">
											<div class="clock-inner" data-time="2016/10/10"></div>
										</div>
										<a class="custom_link" href="#">SHOW NOW</a>
									</div>
								</div>
							</div>
							<div class="col-md-6 col-sm-12 p-0">
								<div class="noo-product-sale-wrap">
									<h3 class="noo-sale-title">sale up 50%</h3>
									<img src="${basePath }/images/image_1.png" alt="" />
									<h4 class="noo-sale-subtitle">FRITZ HANSEN blue sofa</h4>
									<p class="mb-1">There are many variations of passages of Lorem</p>
									<ul class="noo-on-sale"> 
										<li>
											<a href="#">
												<img src="${basePath }/images/product/thumb/product_1.jpg" alt="" /> 
												<h4>Blue Wing chair</h4>
											</a>
										</li>
										<li>
											<a href="#">
												< src="images/product/thumb/product_2.jpg" alt="" /> 
												<h4>Vitra Organic Chair</h4>
											</a>
										</li>
										<li>
											<a href="#">
												<img src="${basePath }/images/product/thumb/product_3.jpg" alt="" /> 
												<h4>Flamingo Chair</h4>
											</a>
										</li>
										<li>
											<a href="#">
												<img src="${basePath }/images/product/thumb/product_4.jpg" alt="" /> 
												<h4>Modern Red Chair</h4>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section section-partner">
					<div class="container-fluid">
						<div class="row">
							<div class="col-sm-12 p-0">
								<div class="noo-partner-wrap">
									<ul class="noo-partner" data-item="6">
										<li class="noo-partner-item">
											<a href="#">
												<img src="${basePath }/images/partner/partner_1.png" alt="" />
												<img src="${basePath }/images/partner/partner_1.png" alt="" /> 
											</a>
										</li>
										<li class="noo-partner-item">
											<a href="#">
												<img src="${basePath }/images/partner/partner_2.png" alt="" />
												<img src="${basePath }/images/partner/partner_2.png" alt="" /> 
											</a>
										</li>
										<li class="noo-partner-item">
											<a href="#">
												<img src="${basePath }/images/partner/partner_3.png" alt="" />
												<img src="${basePath }/images/partner/partner_3.png" alt="" /> 
											</a>
										</li>
										<li class="noo-partner-item">
											<a href="#">
												<img src="${basePath }/images/partner/partner_4.png" alt="" />
												<img src="${basePath }/images/partner/partner_4.png" alt="" /> 
											</a>
										</li>
										<li class="noo-partner-item">
											<a href="#">
												<img src="${basePath }/images/partner/partner_5.png" alt="" />
												<img src="${basePath }/images/partner/partner_5.png" alt="" /> 
											</a>
										</li>
										<li class="noo-partner-item">
											<a href="#">
												<img src="${basePath }/images/partner/partner_6.png" alt="" />
												<img src="${basePath }/images/partner/partner_6.png" alt="" /> 
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section pt-10 pb-10">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="noo-section-title mb-7">
									<h3><span>Furniture blog</span></h3>
									<p>LASTEST NEWS OF WEEK</p>
								</div>
								<div class="noo-blog">
									<div class="noo-blog-item">
										<a class="noo-blog-thumbnail" href="blog-detail.html" data-image="images/blog/blog_1.jpg">
											<span class="view-link"></span>
										</a>
										<div class="noo-blog-entry">
											<span class="cat"><a href="#">Furniture Tips</a></span>
											<h3><a href="blog-detail.html">Create Gallery Walls in 3 Fun Steps</a></h3>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus auctor diam mauris, nec laoreet nibh...</p>
											<a class="view_link" href="blog-detail.html">
												read more<i class="fa fa-angle-right"></i>
											</a>
										</div>
									</div>
									<div class="noo-blog-item">
										<a class="noo-blog-thumbnail" href="blog-detail.html" data-image="images/blog/blog_2.jpg">
											<span class="view-link"></span>
										</a>
										<div class="noo-blog-entry">
											<span class="cat"><a href="#">Furniture Tips</a></span>
											<h3><a href="blog-detail.html">Expert Tips for Decorating Your Holiday Table</a></h3>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus auctor diam mauris, nec laoreet nibh...</p>
											<a class="view_link" href="blog-detail.html">
												read more<i class="fa fa-angle-right"></i>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section pt-10 pb-10 bg-white">
					<div class="container-fluid">
						<div class="row">
							<div class="col-sm-12 p-0">
								<div class="noo-simple-product-wrap">
									<ul class="noo-simple-product-slider">
										<li>
											<a href="shop-detail.html">
												<div class="noo-simple-slider-item">
													<img src="${basePath }/images/gallery/gallery_1.jpg" alt="" /> 
													<div class="noo-simple-content">
														<h3>Random text</h3>
														<span class="price">&#36;270.00</span>
													</div>
												</div>
											</a>
										</li>
										<li>
											<a href="shop-detail.html">
												<div class="noo-simple-slider-item">
													<img src="${basePath }/images/gallery/gallery_2.jpg" alt="" /> 
													<div class="noo-simple-content">
														<h3>By injected humour</h3>
														<span class="price">&#36;270.00</span>
													</div>
												</div>
											</a>
										</li>
										<li>
											<a href="shop-detail.html">
												<div class="noo-simple-slider-item">
													<img src="${basePath }/images/gallery/gallery_3.jpg" alt="" /> 
													<div class="noo-simple-content">
														<h3>Content here</h3>
														<span class="price">&#36;270.00</span>
													</div>
												</div>
											</a>
										</li>
										<li>
											<a href="shop-detail.html">
												<div class="noo-simple-slider-item">
													<img src="${basePath }/images/gallery/gallery_4.jpg" alt="" /> 
													<div class="noo-simple-content">
														<h3>Looking at its layout</h3>
														<span class="price">&#36;270.00</span>
													</div>
												</div>
											</a>
										</li>
										<li>
											<a href="shop-detail.html">
												<div class="noo-simple-slider-item">
													<img src="${basePath }/images/gallery/gallery_5.jpg" alt="" /> 
													<div class="noo-simple-content">
														<h3>Reader will be</h3>
														<span class="price">&#36;270.00</span>
													</div>
												</div>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section">
					<div class="container-fluid">
						<div class="row">
							<div class="col-md-6 p-0">
								<div class="noo-simplenews-wrap">
									<div class="noo-simplenews style-1">
										<div class="noo-simplenews-header">
											<h3 class="noo-mail-title color">subscribe email</h3>
											<p class="noo-mail-desc color">Get latest news &amp; update from Umbra</p>
										</div>
										<form class="noo-simplenews-form">
											<div class="form-fields">
												<input type="email" name="EMAIL" placeholder="Your email address" required />
												<input type="submit" value="subscribe" class="hidden" />
											</div>
										</form>
									</div>
								</div>
							</div>
							<div class="col-md-6 p-0">
								<div class="noo-testimonial-wrap bg-white">
									<i class="fa fa-quote-left icon-quote-left"></i>
									<ul class="noo-testimonial">
										<li>
											<img src="${basePath }/images/avatar/avatar_1.jpg" alt="" /> 
											<div class="noo-testimonial-content">
												<span class="testimonial-author">
													Stephanie Hilton <strong>Sales Manager</strong>
												</span>
												<p>Friendly people, an excellent place to shop, and we&#8217;ve referred many people to come shop with you. You stand behind your merchandise and we like the merchandise you stock.</p>
											</div>
										</li>
										<li>
											<img src="${basePath }/images/avatar/avatar_2.jpg" alt="" /> 
											<div class="noo-testimonial-content">
												<span class="testimonial-author">
													Johnny Williams <strong>Chief Marketing Officer</strong>
												</span>
												<p>Umbra is my favorite furniture store. Wonderful, friendly customer services, brand name furniture &#8211; my house is full of furniture from Umbra.</p>
											</div>
										</li>
										<li>
											<img src="${basePath }/images/avatar/avatar_3.jpg" alt="" /> 
											<div class="noo-testimonial-content">
												<span class="testimonial-author">
													Diana Rosie <strong>Creative Designer</strong>
												</span>
												<p>All the furniture we&#8217;ve bought is still in great shape. Umbra offers quality products at great prices and always friendly folks to serve us.</p>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<footer class="wrap-footer">
				<div class="footer-top pb-5">
					<div class="container">
						<div class="row">
							<div class="col-md-3 col-sm-6 footer-item">
								<div class="widget widget-noo-infomation">
									<h4 class="widget-title">Umbra Furniture</h4>
									<p class="info-desc">
										We are a global housewares product design company. We bring thought and creativity to everyday items through original design.
									</p>
									<ul class="noo-infomation-attr">
										<li>
											<span class="text-icon">A</span>
											<address>1001 Milacian Crest Street, Paris France </address>
										</li>
										<li>
											<span class="text-icon">T</span>
											<a href="#">+(084) 888 - 6789</a>
										</li>
										<li>
											<span class="text-icon">M</span>
											<a class="phone-text" href="mailto:Contact@Umbra.com" target="_top">Contact@Umbra.com</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="col-md-3 col-sm-6 footer-item">
								<div class="widget">
									<h4 class="widget-title">Opening Time</h4>
									<ul class="noo-opening-time">
										<li>
											Mon - Fri: 8AM - 10PM
										</li>
										<li>
											Sat: 9AM-8PM
										</li>
										<li>
											Sun: Closed
										</li>
										<li>
											We Work All The Holidays
										</li>
									</ul>
								</div>
							</div>
							<div class="col-md-3 col-sm-6 footer-item">
								<div class="widget widget_nav_menu">
									<h4 class="widget-title">About</h4>
									<ul class="menu">
										<li><a href="#">About Us</a></li>
										<li><a href="#">Shopping Guide</a></li>
										<li><a href="#">Delivery Information</a></li>
										<li><a href="#">Privacy Policy</a></li>
										<li><a href="#">Our Store</a></li>
									</ul>
								</div>
							</div>
							<div class="col-md-3 col-sm-6 footer-item">
								<div class="widget widget_nav_menu">
									<h4 class="widget-title">Account</h4>
									<ul class="menu">
										<li><a href="#">My Account</a></li>
										<li><a href="#">Wishlist</a></li>
										<li><a href="#">Order Tracking</a></li>
										<li><a href="#">Shipping Info</a></li>
										<li><a href="#">Return Policy</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-bottom pb-5 text-center">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<a href="#"><img src="${basePath }/images/payment_logo.png" alt="" /></a>
								<p class="mt-1">@ 2016. Developed by TK-Themes</p>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>

		<a href="#" class="go-to-top hidden-print"><i class="fa fa-angle-up"></i></a> 

		<script type="text/javascript" src="${basePath }/js/jquery.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/jquery-migrate.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/jquery.themepunch.tools.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/jquery.themepunch.revolution.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/modernizr-2.7.1.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/jquery.prettyPhoto.js"></script>
		<script type="text/javascript" src="${basePath }/js/jquery.prettyPhoto.init.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/jquery.magnific-popup.js"></script>
		<script type="text/javascript" src="${basePath }/js/off-cavnas.js"></script>
		<script type="text/javascript" src="${basePath }/js/imagesloaded.pkgd.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/isotope.pkgd.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/owl.carousel.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/jquery.countdown.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/script.js"></script>

		<script type="text/javascript" src="${basePath }/js/extensions/revolution.extension.video.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/extensions/revolution.extension.slideanims.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/extensions/revolution.extension.actions.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/extensions/revolution.extension.layeranimation.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/extensions/revolution.extension.kenburn.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/extensions/revolution.extension.navigation.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/extensions/revolution.extension.migration.min.js"></script>
		<script type="text/javascript" src="${basePath }/js/extensions/revolution.extension.parallax.min.js"></script>
	</body>
</html>